<template>
	<ul>
		<li>消息编号：{{id}}</li>
		<li>消息标题：{{title}}</li>
		<li>消息内容：{{content}}</li>
		<li>a：{{a}}</li>
	</ul>
</template>

<script>
	export default {
		name:'Detail',
		props:['id','title','content','a'],
		//靠程序员自己编写计算属性，获取路由参数
		/* computed:{
			id(){
				return this.$route.query.id
			},
			title(){
				return this.$route.query.title
			},
			content(){
				return this.$route.query.content
			},
		}, */
		
		mounted() {
			console.log('Detail挂载了',this)
		},
		// destroyed(){
		// 	console.log('Detail销毁了')
		// }
	}
</script>